.container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 12px;

    color: #2db9656e;
    .item {
        width: 100%;
        height: 120px;
        border-radius: 8px;
        background-color: #fff;
        transition: all 0.2s;
        color: #1dac57;
        cursor: pointer;
        margin-bottom: 12px;
        overflow: hidden;
        position: relative;

        >div:first-child {
            flex: 1;
        }

        >div:last-child {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 999;
            background-color: #fff;
        }

        &:hover {
            box-shadow: 0px 0px 6px #1dac57 inset;

            >div:last-child {
                width:100px !important;
            }

            * {
                opacity: 1;
            }
        }
    }


}